/*  这是 设置移动端适配的 js 文件
原理：
  获取 屏幕的 宽度
  动态设置 HTML 字体大小
 */

const setRem = () => {
  /* 获取屏幕的宽度 */
  const html = document.documentElement
  const width = html.getBoundingClientRect().width
  /* 动态设置 HTML 字体大小 */
  html.style.fontSize = width / 10 + 'px'
}

setRem()

/* 当屏幕 宽度 发生变化的时候，再次调用函数 */
window.addEventListener('orientationchange', setRem)
window.addEventListener('resize', setRem)
